<template>
  <div>
    <input type="number" v-model.number="count.num" />
  </div>
</template>

<script>
// watchEffect 自动进行数据的监听 -- 初始化会自动执行1次
// watchEffect 它不能收集整个对象，如果要监听整个对象还是需要watch来完成
// watchEffect它是watch一种简写  watch(xx,(v)=>{},{immediate:true})
import { ref, watchEffect } from 'vue'

export default {
  setup() {
    const count = ref({
      num: 200
    })

    watchEffect(() => {
      // 监听ref对象类型中指定的属性的数据变化
      console.log(count.value.num)
    })

    return {
      count
    }
  }
}
</script>

<style lang="scss" scoped></style>
